@media screen and (min-width: 320px) and (max-width: 736px) {
  html, body {
    width: 100%;
    height: 100%;
    margin: 0px;
    overflow: hidden;
  }

  .el-container, #app {
    height: 100%;
  }

  /*处理手机端侧边栏问题*/
  .initWidth {
    width: 0% !important;
    margin-left: 0%;
    overflow: hidden;
    transition: 0.8s all;
  }

  .mobile-hidden {
    display: none;
  }

  .isFlat {
    width: 54px !important;
    overflow: hidden;
    transition: 0.8s all;
  }

  /*以上是处理手机端侧边栏动画问题*/
  .el-icon-s-fold {
    color: #fff;
    height: 10px;
  }

  .el-icon-s-fold::after {
    content: "";
    position: absolute;
    left: 20px;
    top: 10px;
    width: 180px;
    height: 40px;
  }

  .logo-title > img {
    width: 30px;
    height: 30px;
  }

  .login_container .login_box {
    width: 98% !important;
  }

  .el-breadcrumb {
    margin-bottom: 15px;
    font-size: 12px;
  }

  .el-card {
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15) !important;
  }

  /*以下属性针对手机端dialog宽度*/
  .el-dialog {
    width: 95% !important;
  }
}
